<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>E路货代管理平台</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/eroad.css">
    <style>
        #allmap {
            width: 100%;
            height: 100%;
            overflow: hidden;
            margin: 0;
            font-family: "微软雅黑";
        }

    </style>
</head>

<body>
    <div class="wrapper">
        <div class="header clearfix">
            <div class="logo pull-left">
                <img src="assets/images/eroad.png">
            </div>
            <div class="search-area pull-left">
                <div class="input-group">
                    <input type="text" class="form-control" placeholder="请输入订单编号" id="inp">
                    <span class="input-group-btn">
                        <button class="btn btn-default" type="button" id="search-btn">
                            <span class="glyphicon glyphicon-search"></span>
                    </button>
                    </span>
                </div>
            </div>
            <div class="login-area pull-right">
                <a href="#" data-toggle="modal" data-target="#QR-area" style="color:#666;text-decoration:none;"><span class="glyphicon glyphicon-qrcode"></span>点我扫一扫</a>
                <a href="#" data-toggle="modal" data-target="#login-dialog" style="color:#666;text-decoration:none;"><span class="glyphicon glyphicon-user"></span>登录</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="#" data-toggle="modal" data-target="#regist-dialog" style="color:#666;text-decoration:none;">注册</a>
            </div>
        </div>
        <div class="map-content">
            <div id="allmap"></div>
        </div>
    </div>
    <!--二维码模态框-->
    <div class="modal fade" tabindex="-1" role="dialog" id="QR-area">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header text-center">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">安卓客户端下载</h4>
                </div>
                <div class="modal-body text-center">
                    <img src="assets/images/1484406475.png">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->
    <!-- 登录对话框 -->
    <div class="modal fade" tabindex="-1" id="login-dialog">
        <div class="modal-dialog modal-sm">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">用户登录</h4>
                </div>
                <div class="modal-body" style="padding-bottom:0;">
                    <form>
                        <div class="form-group">
                            <label for="ld-username">用户名</label>
                            <input type="text" class="form-control" id="ld-username" placeholder="输入用户名">
                        </div>
                        <div class="form-group">
                            <label for="ld-passwd">密码</label>
                            <input type="password" class="form-control" id="ld-passwd" placeholder="输入密码">
                        </div>
                        <div class="checkbox">
                            <label>
                                <input type="checkbox"> 记住我
                            </label>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" id="login-btn">登录</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->

    <!-- 注册对话框 -->
    <div class="modal fade" tabindex="-1" id="regist-dialog">
        <div class="modal-dialog" style="width:460px;">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">用户注册</h4>
                </div>
                <div class="modal-body" style="padding-bottom:0;">
                    <form>
                        <div class="form-group">
                            <label for="rd-username">公司名</label>
                            <input type="text" class="form-control" id="rd-username" placeholder="输入用户名">
                        </div>
                        <div class="form-group">
                            <label for="rd-passwd">密码</label>
                            <input type="password" class="form-control" id="rd-passwd" placeholder="输入密码">
                        </div>
                        <div class="form-group">
                            <label for="rd-passwd1">密码 again</label>
                            <input type="password" class="form-control" id="rd-passwd1" placeholder="再次输入密码">
                        </div>
                        <div class="form-group">
                            <label for="rd-addr">地址</label>
                            <div id="distpicker" class="row">
                                <div class="col-sm-4">
                                    <select class="form-control" id="rd-province"></select>
                                </div>
                                <div class="col-sm-4">
                                    <select class="form-control" id="rd-city"></select>
                                </div>
                                <div class="col-sm-4">
                                    <select class="form-control" id="rd-district"></select>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="rd-address">详细地址</label>
                            <input type="text" class="form-control" id="rd-addr" placeholder="请输入详细地址">
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" id="regist-btn">注册</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->
    <!--搜索出的订单详情-->
    <div class="modal fade" tabindex="-1" role="dialog" id="detail2">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header text-center">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title"><span class="glyphicon glyphicon-info-sign" style="padding-right:5px;"></span>订单详情</h4>
                </div>
                <div class="modal-body" style="font-size:16px;line-height:28px;">
                    <div class="row">
                        <div class="col-sm-2 col-sm-offset-1">发货地</div>
                        <div class="col-sm-8" id="detail-saddr"></div>
                    </div>
                    <div class="row">
                        <div class="col-sm-2 col-sm-offset-1">发货时间</div>
                        <div class="col-sm-8" id="detail-stime"></div>
                    </div>
                    <div class="row">
                        <div class="col-sm-2 col-sm-offset-1">货物描述</div>
                        <div class="col-sm-8" id="detail-info"></div>
                    </div>
                    <div class="row">
                        <div class="col-sm-2 col-sm-offset-1">收货地</div>
                        <div class="col-sm-8" id="detail-eaddr"></div>
                    </div>
                    <div class="row">
                        <div class="col-sm-2 col-sm-offset-1">收货时间</div>
                        <div class="col-sm-8" id="detail-etime"></div>
                    </div>
                    <div class="row">
                        <div class="col-sm-2 col-sm-offset-1">运费</div>
                        <div class="col-sm-8" id="detail-zprice"></div>
                    </div>
                    <div class="row">
                        <div class="col-sm-2 col-sm-offset-1">客户</div>
                        <div class="col-sm-8" id="detail-cname"></div>
                    </div>
                    <div class="row">
                        <div class="col-sm-2 col-sm-offset-1">联系方式</div>
                        <div class="col-sm-8" id="detail-ctel"></div>
                    </div>
                    <div class="row">
                        <div class="col-sm-2 col-sm-offset-1">车牌号</div>
                        <div class="col-sm-8" id="detail-carnum"></div>
                    </div>
                    <div class="row">
                        <div class="col-sm-2 col-sm-offset-1">司机电话</div>
                        <div class="col-sm-8" id="detail-dtel"></div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" data-dismiss="modal" id="showRoute">显示路程</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->
</body>

<script src="js/jquery-3.1.1.min.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=DPKeZO59Ao5izL0bAG1VGq5ETE2D55di"></script>
<script src="js/distpicker.data.min.js"></script>
<script src="js/distpicker.min.js"></script>
<script src="js/visitorindex.js"></script>

</html>
